<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>住院管理--护士</title>
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/default/easyui.css"/>">
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/themes/icon.css"/>">
	
	<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
	
	<style>
	ul,li{
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	#head_middle{
		
		position:relative;
		font-size:20px;
			}
	#head_right{
		float:left;
		position:relative;
		top:-30sspx;
		left:130px;
	}
	
	#nurse li div{
		float:left;
		margin:30px;
	}
	
	#nurse li div img{
		width:90px;
		higth:90px;
	}
</style>
<script type="text/javascript">
	$(function(){
		
		$(".nav_btn").linkbutton({onClick: function(){
			var title = $(this).attr("title");
			var url = $(this).attr("url");
			if($("#gl").tabs("exists", title)){
				$("#gl").tabs("select", title);
			}else{

				var config = {
						title: title,
						href: url,
						closable: true
					}
				$("#gl").tabs("add", config);
			}
		}});
		
	
		$("#btn_close_current").linkbutton({onClick:function(){
			var tab = $('#gl').tabs('getSelected');
			var index = $('#gl').tabs('getTabIndex',tab);
			if(index != 0){
				$('#gl').tabs('close',index);
			}
		}})
	
		$("#btn_close_all").linkbutton({onClick:function(){		
			var tabs = $('#gl').tabs('tabs');
			for(var i = tabs.length - 1; i > 0; i --){
				$('#gl').tabs('close',i);
			}
		}})
	});
</script>

</head>
<body>
	<body class="easyui-layout">
    <div data-options="region:'north'" style="height:120px;background-image:url(img/zhuti.png);background-size:100% 100%; ">
    	
    	<div id="head_middle" ><h1 align="center">住&nbsp;&nbsp;院&nbsp;&nbsp;管&nbsp;&nbsp;理&nbsp;&nbsp;平&nbsp;&nbsp;台</h1></div>
    	<div id="head_right">姓名：黄燕 &nbsp;&nbsp;职务：护士&nbsp;&nbsp;编号：01</div>
    	
    </div>
    <div data-options="region:'south'" style="height:40px;"></div>
    <div data-options="iconCls:'icon-zygl', region:'west',title:'住院管理',split:true" style="width:180px;">
    	<div id="aa" class="easyui-accordion" data-options="fit:true, border: false">
		    <div title="办理入院" data-options="iconCls:'icon-zy'" style="overflow:auto;padding:10px;">
				<ul>
					<li><a title="住院通知" url="zytz" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-zytz', plain:true">住院通知</a>
					<li><a title="选择医生床位" url="torz" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-xz', plain:true">选择医生床位</a> </li>
					<li><a title="入院手续" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-sx', plain:true">入院手续</a> </li>
				</ul>
		    </div>
		    <div title="病床管理" data-options="iconCls:'icon-bc'" style="padding:10px;">
				<li><a title="病床信息" url="tobcgl" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-br', plain:true">病床信息</a> </li>
		    </div>
			 <div title="办理出院" data-options="iconCls:'icon-cy'" style="padding:10px;">
				<li><a title="办理出院手续" url="cytz" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-cysx', plain:true">办理出院手续</a> </li>
				<li><a title="费用结算" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-fy', plain:true">费用结算</a> </li>
		    </div>
		    <div title="住院费用" data-options="iconCls:'icon-cy'" style="padding:10px;">
				<li><a title="办理缴费" url="zyjf" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-cysx', plain:true">住院缴费</a> </li>
				<li><a title="每日费用" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-fy', plain:true">每日费用</a> </li>
		    </div>
		</div>
    </div> 
    <div data-options="region:'center'"  >
    	<div id="gl" class="easyui-tabs" data-options="fit:true, border:false, tools: '#tab-tools'" >
		    <div title="护士站" data-options="iconCls:'icon-hs'" style="padding:20px;display:none;" >
		    	<div style="background-image:url(img/hs.jpg)">
		    	<ul id="nurse">
		    		<li><div title="入院手续" url="tozhuyuan" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-skiing', plain:true"><img alt="" src="img/yy.png"></p>入院手续 </div></li>
		    		<li><div title="病床管理" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-skiing', plain:true"><img alt="" src="img/bc.png"></p>病床管理</div></li>
		    		<li><div title="办理出院手续" url="" class="easyui-linkbutton nav_btn" data-options="iconCls:'icon-skiing', plain:true"><img alt="" src="img/cy.png"></p>办理出院手续</div></li>
		    	</ul>
		    	</div>
		    	
		    </div>
		</div>
		<div id="tab-tools" style="border:none; border-bottom: 1px solid rgb(149,184,231);">
			<a id="btn_close_current" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-remove"></a>
			<a id="btn_close_all" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"></a>
		</div>
    </div>
</body>
</html>